<template>
  <el-container class="apps">
    <el-header>
      <header-info></header-info>
    </el-header>
    <el-main>
      <my-projects></my-projects>
    </el-main>
  </el-container>
</template>
<script>
  import HeaderInfo from "./headerInfo.vue";
  import MyProjects from "./projects/myProjects.vue";

  export default {
    components:{
      MyProjects:MyProjects,
      HeaderInfo:HeaderInfo
    },
    data() {
      return {

      }
    },
    methods: {
    },
  }

</script>

<style lang="scss">
  .apps {
    height: 100%;
    background: #f1f2f7;
    .el-header {
      padding: 0px !important;
            background-color: #ffffff;
      min-height: 50px !important;
      margin-bottom: 20px;
    }
          .el-main {
        background-color: #ffffff;
      }
  }

</style>
